/* 使用示例
<view class="form-item">
  <view class="label"><text>补卡日期</text><text class="star">*</text></view>
  <input type="text" class="input" placeholder="年/月/日"/>
</view>
*/
.form {
  width: 100%;
  padding: 32rpx 42rpx 32rpx 24rpx;
  
  box-sizing: border-box;
  background: #fff;
  border-radius: 24rpx;

  .form-item {
    width: 100%;
    margin-bottom: 32rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #cfcfcfcc;
    &:last-child{
      margin-bottom: 0rpx;
    }

    .label {
      font-size: 32rpx;
      font-family: PingFang SC Heavy;
      display: flex;
      align-items: center;
      margin-bottom: 20rpx;

      .star{
        color: #FC6060;
      }
    }

    .labelBox{
      margin-left: auto;
      display: flex;
      align-items: center;
    }

    .input {
      width: 100%;
      height: 80rpx;
      background: rgba(42, 44, 57, 0.08);
      border-radius: 18rpx;
      padding: 0 20rpx;
      box-sizing: border-box;
    }

    .textarea {
      width: 100%;
      height: 272rpx;
      background: rgba(42, 44, 57, 0.08);
      border-radius: 18rpx;
      padding: 20rpx 20rpx;
      box-sizing: border-box;
    }
  }
}